/* CSS Document */

DIV.calendar

{

    POSITION: relative

}

.calendar

{

    BORDER-RIGHT: #565 1px solid;

    BORDER-TOP: #565 1px solid;

    FONT-SIZE: 11px;

    BACKGROUND: #efe;

    BORDER-LEFT: #565 1px solid;

    CURSOR: default;

    COLOR: #000;

    BORDER-BOTTOM: #565 1px solid;

    FONT-FAMILY: tahoma,verdana,sans-serif

}

.calendar TABLE

{

    BORDER-RIGHT: #565 1px solid;

    BORDER-TOP: #565 1px solid;

    FONT-SIZE: 11px;

 	BACKGROUND: #ffffff;

    BORDER-LEFT: #565 1px solid;

    CURSOR: default;

    COLOR: #000;

    BORDER-BOTTOM: #565 1px solid;

    FONT-FAMILY: tahoma,verdana,sans-serif

}

.calendar .button

{

    PADDING-RIGHT: 2px;

    PADDING-LEFT: 2px;

    FONT-SIZE: 90%;

    BACKGROUND: #000000;

    PADDING-BOTTOM: 2px;

    COLOR: #fff;

    PADDING-TOP: 2px;

    TEXT-ALIGN: center

}

.calendar .nav

{

    BACKGROUND: url(menuarrow.gif) #000000 no-repeat 100% 100%

}

.calendar THEAD .title

{

    PADDING-RIGHT: 2px;

    PADDING-LEFT: 2px;

    FONT-WEIGHT: bold;

    BACKGROUND: #cd3135;

    PADDING-BOTTOM: 2px;

    COLOR: #000;

    PADDING-TOP: 2px;

    TEXT-ALIGN: center

}

.calendar THEAD .headrow

{

}

.calendar THEAD .name

{

    PADDING-RIGHT: 2px;

    PADDING-LEFT: 2px;

    PADDING-BOTTOM: 2px;

    COLOR: #000;

    PADDING-TOP: 2px;

  BORDER-BOTTOM: #565 1px solid;

    TEXT-ALIGN: center

}

.calendar THEAD .weekend

{

    COLOR: #ffffff

}

.calendar THEAD .hilite

{

    BORDER-RIGHT: #084 1px solid;

    PADDING-RIGHT: 1px;

    BORDER-TOP: #084 1px solid;

    PADDING-LEFT: 1px;

    PADDING-BOTTOM: 1px;

    BORDER-LEFT: #084 1px solid;

    COLOR: #000;

    PADDING-TOP: 1px;

    BORDER-BOTTOM: #084 1px solid;

    BACKGROUND-COLOR: #ffffff

}

.calendar THEAD .active

{

    PADDING-RIGHT: 0px;

    PADDING-LEFT: 2px;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 2px;

    BACKGROUND-COLOR: #7c7

}

.calendar THEAD .daynames

{

    BACKGROUND: #cd3135

}

.calendar TBODY .day

{

    PADDING-RIGHT: 4px;

    PADDING-LEFT: 2px;

    PADDING-BOTTOM: 2px;

    WIDTH: 2em;

    COLOR: #564;

    PADDING-TOP: 2px;

    TEXT-ALIGN: right

}

.calendar TBODY .othermonth

{

    FONT-SIZE: 80%;

    COLOR: #bbb

}

.calendar TBODY .oweekend

{

    COLOR: #fbb

}

.calendar TABLE .wn

{

    BORDER-RIGHT: #fffff 1px solid;

    PADDING-RIGHT: 3px;

    PADDING-LEFT: 2px;

    BACKGROUND: #cd3135;

    PADDING-BOTTOM: 2px;

    PADDING-TOP: 2px;
	color:#FFFFFF

}

.calendar TBODY .rowhilite TD

{

    BACKGROUND: #bcc2d1

}

.calendar TBODY .rowhilite TD.wn

{

    BACKGROUND: #a1a6b4

}

.calendar TBODY TD.hilite

{

    BORDER-RIGHT: #bbb 1px solid;

    PADDING-RIGHT: 3px;

    BORDER-TOP: #bbb 1px solid;

 PADDING-LEFT: 1px;

    BACKGROUND: #5b6a78;

    PADDING-BOTTOM: 1px;

    BORDER-LEFT: #bbb 1px solid;

    PADDING-TOP: 1px;

    BORDER-BOTTOM: #bbb 1px solid;
	
    FONT-WEIGHT: bold;
	color:#FFFFFF
	

}

.calendar TBODY TD.active

{

    PADDING-RIGHT: 2px;

    PADDING-LEFT: 2px;

    BACKGROUND: #dec;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 2px

}

.calendar TBODY TD.selected

{

    BORDER-RIGHT: #000 1px solid;

    PADDING-RIGHT: 3px;

    BORDER-TOP: #000 1px solid;

    PADDING-LEFT: 1px;

    FONT-WEIGHT: bold;

    BACKGROUND: #f8fff8;

  PADDING-BOTTOM: 1px;

    BORDER-LEFT: #000 1px solid;

    COLOR: #000;

    PADDING-TOP: 1px;

    BORDER-BOTTOM: #000 1px solid

}

.calendar TBODY TD.weekend

{

    COLOR: #a66

}

.calendar TBODY TD.today

{

    FONT-WEIGHT: bold;

    COLOR: #c80835

}

.calendar TBODY .disabled

{

    COLOR: #999

}

.calendar TBODY .emptycell

{

    VISIBILITY: hidden

}

.calendar TBODY .emptyrow

{

    DISPLAY: none

}

.calendar TFOOT .footrow

{

    BACKGROUND: #565;

    COLOR: #fff;

    TEXT-ALIGN: center

}

.calendar TFOOT .ttip

{

    PADDING-RIGHT: 2px;

    PADDING-LEFT: 2px;

    BACKGROUND: #000000;

    PADDING-BOTTOM: 2px;

    COLOR: #efa;

    PADDING-TOP: 2px

}

.calendar TFOOT .hilite

{

    BORDER-RIGHT: #084 1px solid;

    PADDING-RIGHT: 1px;

    BORDER-TOP: #084 1px solid;

    PADDING-LEFT: 1px;

    BACKGROUND: #afa;

    PADDING-BOTTOM: 1px;

    BORDER-LEFT: #084 1px solid;

    COLOR: #000;

    PADDING-TOP: 1px;

    BORDER-BOTTOM: #084 1px solid

}

.calendar TFOOT .active

{

    PADDING-RIGHT: 0px;

    PADDING-LEFT: 2px;

    BACKGROUND: #7c7;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 2px

}

.calendar .combo

{

    BORDER-RIGHT: #565 1px solid;

    BORDER-TOP: #565 1px solid;

    DISPLAY: none;

    FONT-SIZE: 90%;

    Z-INDEX: 100;

    BACKGROUND: #efd;

    LEFT: 0px;

    BORDER-LEFT: #565 1px solid;

    WIDTH: 4em;

    CURSOR: default;

    COLOR: #000;

    BORDER-BOTTOM: #565 1px solid;

    POSITION: absolute;

    TOP: 0px

}

.calendar .combo .label

{

    PADDING-RIGHT: 1px;

    PADDING-LEFT: 1px;

    PADDING-BOTTOM: 1px;

    PADDING-TOP: 1px;

    TEXT-ALIGN: center

}

.calendar .combo .label-IEfix

{

    PADDING-RIGHT: 1px;

    PADDING-LEFT: 1px;

    PADDING-BOTTOM: 1px;

    PADDING-TOP: 1px;

    TEXT-ALIGN: center

}

.calendar .combo .label-IEfix

{

    WIDTH: 4em

}

.calendar .combo .hilite

{

    BACKGROUND: #af8

}

.calendar .combo .active

{

    BORDER-TOP: #6a4 1px solid;

    FONT-WEIGHT: bold;

    BACKGROUND: #efe;

    BORDER-BOTTOM: #6a4 1px solid

}

.calendar TD.time

{

    PADDING-RIGHT: 0px;

    BORDER-TOP: #8a8 1px solid;

    PADDING-LEFT: 0px;

    PADDING-BOTTOM: 1px;

    PADDING-TOP: 1px;

    BACKGROUND-COLOR: #dfb;

    TEXT-ALIGN: center

}

.calendar TD.time .hour

{

    BORDER-RIGHT: #898 1px solid;

    PADDING-RIGHT: 3px;

    BORDER-TOP: #898 1px solid;

    PADDING-LEFT: 4px;

    FONT-WEIGHT: bold;

    PADDING-BOTTOM: 0px;

    BORDER-LEFT: #898 1px solid;

    PADDING-TOP: 0px;

    BORDER-BOTTOM: #898 1px solid;

    BACKGROUND-COLOR: #fff

}

.calendar TD.time .minute

{

    BORDER-RIGHT: #898 1px solid;

    PADDING-RIGHT: 3px;

    BORDER-TOP: #898 1px solid;

    PADDING-LEFT: 4px;

    FONT-WEIGHT: bold;

    PADDING-BOTTOM: 0px;

    BORDER-LEFT: #898 1px solid;

    PADDING-TOP: 0px;

    BORDER-BOTTOM: #898 1px solid;

    BACKGROUND-COLOR: #fff

}

.calendar TD.time .ampm

{

    BORDER-RIGHT: #898 1px solid;

    PADDING-RIGHT: 3px;

    BORDER-TOP: #898 1px solid;

    PADDING-LEFT: 4px;

    FONT-WEIGHT: bold;

    PADDING-BOTTOM: 0px;

    BORDER-LEFT: #898 1px solid;

    PADDING-TOP: 0px;

    BORDER-BOTTOM: #898 1px solid;

    BACKGROUND-COLOR: #fff

}

.calendar TD.time .ampm

{

    TEXT-ALIGN: center

}

.calendar TD.time .colon

{

    PADDING-RIGHT: 2px;

    PADDING-LEFT: 3px;

    FONT-WEIGHT: bold;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 0px

}

.calendar TD.time SPAN.hilite

{

    BORDER-LEFT-COLOR: #000;

    BORDER-BOTTOM-COLOR: #000;

    COLOR: #fff;

    BORDER-TOP-COLOR: #000;

    BACKGROUND-COLOR: #686;

    BORDER-RIGHT-COLOR: #000

}

.calendar TD.time SPAN.active

{

    BORDER-LEFT-COLOR: #f00;

    BORDER-BOTTOM-COLOR: #f00;

    COLOR: #0f0;

    BORDER-TOP-COLOR: #f00;

    BACKGROUND-COLOR: #000;

    BORDER-RIGHT-COLOR: #f00

}